
 /**
 公共样式
 */
 :root {
    --customer-status-bar-height:0px;
}
html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
    margin: 0;
    padding: 0;
    // user-select: none;
}
html,body,page{
    position:relative;
    height:100%;
    cursor:default;
}
* {
    box-sizing: border-box;
}
*:focus {
    outline: none;
}

::-ms-clear,::-ms-reveal{
    display: none;
}
input[type="search"]{
    -webkit-appearance:none;
}
[type="search"]::-webkit-search-decoration {
    display: none;
}
input::-webkit-search-cancel-button {
    display: none;
}
input:-webkit-autofill{
    -webkit-box-shadow: 0 0 0rpx 1000rpx #fff inset;
}
input:-webkit-autofill:focus{
    -webkit-box-shadow: 0 0 0rpx 1000rpx #fff inset;
    background:none;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#c0c3cc;
}
input:-moz-placeholder, textarea:-moz-placeholder{
    color:#c0c3cc;
}
input::-moz-placeholder,textarea::-moz-placeholder{
    color:#c0c3cc;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#c0c3cc;
}

body {
    background: #fff;
    font-family: Microsoft Yahei,tahoma,arial,Hiragino Sans GB,\5b8b\4f53,sans-serif;
    // font-size: 12rpx;
    color: #333;
}
.relative{
    position:relative;
}
ul,
ol {
    list-style: none;
}
img {
    border: none;
    vertical-align: middle;
}
i{
    font-style:normal;
}
a{
    text-decoration: none;
}
/* 清除浮动 */
.clearfix:before,.clearfix:after {display:table;content:'';line-height:0;}
.clearfix:after{clear:both;}
.fl{
    float:left;
}
.fr{
    float:right;
}
.width100{
    width:100%;
}
/*padding*/
.pad-top-5{padding-top:10rpx;}
.pad-top-10{padding-top:20rpx;}
.pad-top-15{padding-top:30rpx;}
.pad-top-20{padding-top:40rpx;}
.pad-top-25{padding-top:50rpx;}
.pad-top-30{padding-top:60rpx;}
.pad-top-50{padding-top:100rpx;}
.pad-top-100{padding-top:200rpx;}
.pad-bottom-5{padding-bottom:10rpx;}
.pad-bottom-10{padding-bottom:20rpx;}
.pad-bottom-15{padding-bottom:30rpx;}
.pad-bottom-20{padding-bottom:40rpx;}
.pad-bottom-25{padding-bottom:50rpx;}
.pad-bottom-30{padding-bottom:60rpx;}
.pad-bottom-50{padding-bottom:100rpx;}
.pad-bottom-100{padding-bottom:200rpx;}
.pad-left-5{padding-left:10rpx;}
.pad-left-10{padding-left:20rpx;}
.pad-left-15{padding-left:30rpx;}
.pad-left-20{padding-left:40rpx;}
.pad-left-25{padding-left:50rpx;}
.pad-left-30{padding-left:60rpx;}
.pad-right-5{padding-right:10rpx;}
.pad-right-10{padding-right:20rpx;}
.pad-right-15{padding-right:30rpx;}
.pad-right-20{padding-right:40rpx;}
.pad-right-25{padding-right:50rpx;}
.pad-right-30{padding-right:60rpx;}
.pad-5{padding:10rpx;}
.pad-10{padding:20rpx;}
.pad-15{padding:30rpx;}
.pad-20{padding:40rpx;}
.pad-25{padding:50rpx;}
.pad-30{padding:60rpx;}
/*margin*/
.mar-top-5{margin-top:10rpx;}
.mar-top-10{margin-top:20rpx;}
.mar-top-15{margin-top:30rpx;}
.mar-top-20{margin-top:40rpx;}
.mar-top-25{margin-top:50rpx;}
.mar-top-30{margin-top:60rpx;}
.mar-top-50{margin-top:100rpx;}
.mar-top-100{margin-top:200rpx;}
.mar-bottom-5{margin-bottom:10rpx;}
.mar-bottom-10{margin-bottom:20rpx;}
.mar-bottom-15{margin-bottom:30rpx;}
.mar-bottom-20{margin-bottom:40rpx;}
.mar-bottom-25{margin-bottom:50rpx;}
.mar-bottom-30{margin-bottom:60rpx;}
.mar-bottom-50{margin-bottom:100rpx;}
.mar-bottom-100{margin-bottom:200rpx;}
.mar-left-5{margin-left:10rpx;}
.mar-left-10{margin-left:20rpx;}
.mar-left-15{margin-left:30rpx;}
.mar-left-20{margin-left:40rpx;}
.mar-left-25{margin-left:50rpx;}
.mar-left-30{margin-left:60rpx;}
.mar-left-35{margin-left:70rpx;}
.mar-right-5{margin-right:10rpx;}
.mar-right-10{margin-right:20rpx;}
.mar-right-15{margin-right:30rpx;}
.mar-right-20{margin-right:40rpx;}
.mar-right-25{margin-right:50rpx;}
.mar-right-30{margin-right:60rpx;}
.mar-5{margin:10rpx;}
.mar-10{margin:20rpx;}
.mar-15{margin:30rpx;}
.mar-20{margin:40rpx;}
.mar-25{margin:50rpx;}
.mar-30{margin:60rpx;}
/*border*/
/*font*/
.font-12{font-size:24rpx;}
.font-14{font-size:28rpx;}
.font-15{font-size:30rpx;}
.font-16{font-size: 32rpx;}
.font-18{font-size: 36rpx;}
.font-20{font-size: 40rpx;}
.font-24{font-size: 48rpx;}
.font-26{font-size: 52rpx;}
.iconfont{font-size: 32rpx;}
.lineheight32{line-height:64rpx;}
.lineheight17{line-height:34rpx;}
/*color*/
.light-grey{color:#999;}

.txt-c{text-align:center}
.txt-r{text-align:right}
.bold{font-weight:bold}
.cursor{cursor:pointer}
/*超出显示省略号*/
.text-overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* flex布局 */
.flex-row{
   display: flex;
   flex-direction: row;
}
.flex-col{
   display: flex;
   flex-direction:column;
}
.flex1{
    flex:1;
}
.flex2{
    flex:2;
}
.flex3{
    flex:3;
}
.flex4{
    flex:4;
}
.flex5{
    flex:5;
}
.align-between-row{
    justify-content: space-between;
}
.align-start-row{
    justify-content: flex-start;
}
.align-end-row{
    justify-content: flex-end;
}
.align-between-col{
    align-content: space-between;
}
.align-start-col{
    align-content: flex-start;
}
.align-end-col{
    align-content: flex-end;
}
.align-center{
    align-items: center;
    justify-content: center;
    align-content: center;
}
.align-stretch{
    align-items: stretch;
}
.align-center-col{
    justify-content: center;
}
.align-center-row{
    align-items: center;
}
.flex-wrap{
   flex-wrap: wrap;
}

.h-100p{ height: 100%;}

/*::v-deep*/ .scroll-view-y-cnt{
	.uni-scroll-view-content{
		display: flex;
		flex-flow: column;
	}
}

.full-by-pos-a {
	position: absolute;
	top: 0;bottom: 0;left: 0;right: 0;
}

.totalPointsTrend_indexTrend_common{
	.uni-scroll-view{
		.uni-scroll-view-content{
			position: relative;
			.pad-10{
				flex: 1;
				display: flex;
				flex-flow: column;
	            @extend .full-by-pos-a;
				.steel_u-card{
					flex: 1;
					display: flex;
					flex-flow: column;
					.chart-box{
						flex: 1;
					}
				}
			}
		}
	}
}

.pad-b-0{padding-bottom: 0;}
.mar-top-auto{ margin-top: auto;}
// 底部是<bsx-tab>的
.fx-1-col{
	flex: 1;
	display: flex;
	flex-flow: column;
}
.fill-bsx-tab-page-bottom{
	&::after{
		content: '';
		display: block;
		height: 25rpx *2 + 10rpx *2 *2;
	}
}
.bsx-tab__steel_u-card__bsx-tab{
	@extend .scroll-view-y-cnt;
	.after-bsx-tab{
		@extend .fill-bsx-tab-page-bottom;
		@extend .fx-1-col;
		.steel_u-card{
			@extend .fx-1-col;
			.pad-10{
				@extend .fx-1-col;
				.chart-box{flex: 1;}
			}
		}
	}
	.cancel-fill-bsx-tab-page-bottom{
		&::after{display: none;}
	}
}

.scroll-view-y-cnt{
	.steel_u-card-parent{
		@extend .fx-1-col;
		&.child-full  .steel_u-card{
			@extend .fx-1-col;
		}
		.steel_u-card{
			&.steel_u-card-full{
				@extend .fx-1-col;
			}
			>.pad-10{
				@extend .fx-1-col;
			}
			.chart-box{
				flex: 1;
			}
		}
	}
}

.scaleMeritAnalysis_page_common {
	@extend .fx-1-col;
	.scaleMeritAnalysis_page_item_common{
		@extend .fx-1-col;
		.chart-box{flex: 1;}
		.legendStyle1{
			font-size: 28rpx;
		}
	}
}

.mandatoryIssued_homeTotal_common{
	@extend .fx-1-col;
	.card:first-child{
		@extend .fx-1-col;
	}
	.card:nth-child(2){
		margin-bottom: 20rpx;
	}
	.tabs{
		margin-bottom: 40rpx;
	}
	.chart-box-parent{
		@extend .fx-1-col;
		.chart-box{flex: 1;}
	}
}

.bumenClearing_page_card{
	@extend .fx-1-col;
	margin-top: 0;
	.chart-box{flex: 1;}
}
